.top-spot {
    vertical-align: top;
    font-size: 20px;
    background-color: #fff;
    .top-container {
        padding: 23px 20px 0 20px;  
        .top-head {
            font-size: 0;
            padding-bottom: 13px;
            border-bottom: 1px solid rgba(224,224,224,1);
            img {
                display: inline-block;
                vertical-align: top;
                width: 22px;
                height: 22px;
            }
            span {
                margin-left: 8px;
                font-size:22px;
                font-family: PingFangSC-Regular;
                font-weight: 400;
                color:rgba(51,51,61,1);
                line-height: 1;
            }
        }
        .top-spot-list {
            .score-item {
                display: block;
                padding: 20px 0 19px;
                font-size: 0;
                position: relative;
                border-bottom: 1px solid rgba(224,224,224,1);
                cursor: pointer;
                &:visited {
                    text-decoration: none;
                }
                &:active {
                    text-decoration: none;
                }
                &:last-of-type  {
                    border-bottom: 0;
                }
                > div {
                    display: inline-block;
                    vertical-align: top;
                }
                .score-name {
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                    width: 246px;
                    font-size:16px;
                    font-family:PingFangSC-Regular;
                    font-weight:400;
                    color:rgba(51,51,61,1);
                    line-height: 1;
                }
                .score-hot {
                    position: absolute;
                    right: 0;
                    height: 16px;
                    font-size: 0;
                    img {
                        display: inline-block;
                        vertical-align: top;
                        width: 16px;
                        height: 16px;
                    }
                    span {
                        margin-left: 3px;
                        padding-top: 3px;
                        vertical-align: middle;
                        display: inline-block;
                        font-size:12px;
                        font-family:PingFangSC-Regular;
                        font-weight:400;
                        color:rgba(153,153,153,1);
                        line-height: 1;
                    }
                }
                &:hover {
                    text-decoration: none;
                    .score-name,
                    .score-hot span {
                        color: #ee3a29;
                    }
                   
                }
            }
        }
    }
}